<!-- ./idFieldRender.vue 文件 -->
<template>
    <div>
        <!-- 自定义 -->
        <!-- { '0': t('待付款'), '1': t('待取货'), '2': t('补货') } -->
        <el-tag class="ml-2" type="info" v-if="renderValue == '' || renderValue == null">未设置</el-tag>
        <el-tag class="ml-2" type="danger" v-if="renderValue == 0">待付款</el-tag>
        <el-tag class="ml-2" type="success" v-if="renderValue == 1">待取货</el-tag>
        <el-tag class="ml-2" type="primary" v-if="renderValue == 2">补货</el-tag>
    </div>
</template>

<script setup lang="ts">
import { TableColumnCtx } from 'element-plus'
// 自定义




// BuildAdmin将自动为此组件传递五个Props
interface Props {
    renderValue: any // 单元格值
    renderRow: TableRow // 当前行数据
    renderField: TableColumn // 当前列数据
    renderColumn: TableColumnCtx<TableRow> // 当前列上下文数据
    renderIndex: number // 当前行号
}
const props = defineProps<Props>()

const test = (e) => {
    console.log(e)
    let category_id = props.renderRow.category_id;
    console.log(category_id)
}


</script>

<style scoped lang="scss">
// 自定义
.category-name{
    cursor: pointer;
}
</style>